<template>
  <div class="salarys-container">
    <div class="app-container">
      <h2>
        薪资
      </h2>

      <el-button @click="$router.push('/import?type=salary')">批量新增薪资</el-button>

      <el-button @click="sing">唱歌</el-button>
      <el-button @click="dance">跳舞</el-button>
      <p>{{ count }}</p>
    </div>
  </div>
</template>

<script>
// import hello from '@/mixins/hello'
import check from '@/mixins/check'
export default {
  name: 'Salarys',
  // 给组件提供混入选项
  // 混入: 局部混  全局混  Vue.mixin
  // mixins: [hello],
  mixins: [check],
  data() {
    return {
      count: 100
    }
  },
  created() {
    console.log('hello')
  },
  methods: {
    sing() {
      console.log('salary唱歌')
    }
  }
}
</script>

<style>

</style>
